﻿

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>登入 - layuiAdmin</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <link rel="stylesheet" href="/content/layui/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="/content/layui/style/admin.css" media="all">
    <link rel="stylesheet" href="/content/layui/style/login.css" media="all">
    <link rel="stylesheet"  href="/content/toastr/toastr.min.css" media="all" />
    <script src="/content/jquery/jquery-3.3.1.min.js"></script>
    <script src="/content/jquery/jquery.md5.min.js"></script>
    <script>
        $.rootUrl = '@Url.Content("~")'.substr(0, '@Url.Content("~")'.length - 1);

    </script>
    <script src="/content/ssrsjs/SSRS-Admin.js"></script>
</head>
<body>

    <div class="layadmin-user-login layadmin-user-display-show" id="LAY-user-login" style="display: none;">

        <div class="layadmin-user-login-main">
            <div class="layadmin-user-login-box layadmin-user-login-header">
                <h2>极限敏捷开发框架</h2>
                <p>SSRS 上善若水 后台管理系统NetCore2.2</p>
            </div>
            <div class="layadmin-user-login-box layadmin-user-login-body layui-form">
                <div class="layui-form-item">
                    <label class="layadmin-user-login-icon layui-icon layui-icon-username" for="LAY-user-login-username"></label>
                    <input type="text" name="username" id="LAY-user-login-username" lay-verify="required" placeholder="用户名" class="layui-input">
                </div>
                <div class="layui-form-item">
                    <label class="layadmin-user-login-icon layui-icon layui-icon-password" for="LAY-user-login-password"></label>
                    <input type="password" name="password" id="LAY-user-login-password" lay-verify="required" placeholder="密码" class="layui-input">
                </div>
                <div class="layui-form-item">
                    <div class="layui-row">
                        <div class="layui-col-xs7">
                            <label class="layadmin-user-login-icon layui-icon layui-icon-vercode" for="LAY-user-login-vercode"></label>
                            <input type="text" name="verifycode" id="LAY-user-login-vercode" lay-verify="required" placeholder="图形验证码" class="layui-input">
                        </div>
                        <div class="layui-col-xs5">
                            <div style="margin-left: 10px;">
                                <img src="/Login/VerifyCode" class="layadmin-user-login-codeimg" id="vercode">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="layui-form-item" style="margin-bottom: 20px;">
                    <input type="checkbox" name="remember" lay-skin="primary" title="记住密码">
                    <a href="forget.html" class="layadmin-user-jump-change layadmin-link" style="margin-top: 7px;">忘记密码？</a>
                </div>
                <div class="layui-form-item">
                    <button class="layui-btn layui-btn-fluid" lay-submit lay-filter="LAY-user-login-submit">登 入</button>
                </div>
                
            </div>
        </div>

        <div class="layui-trans layadmin-user-login-footer">

            <p>© 2019 <a href="http://www.mredcloud.com/" target="_blank">上善若水</a></p>
            
        </div>

       

    </div>

<script src="/content/layui/layui/layui.js"></script>
<script src="/content/ssrsjs/SSRS-Admin.js"></script>

<script>
  
  layui.config({
      base: '/content/layui/' //静态资源所在路径
  }).extend({
    index: 'lib/index' //主入口模块
  }).use(['index', 'user'], function(){
    var setter = layui.setter
    ,admin = layui.admin
    ,form = layui.form
    ,router = layui.router()
    ,search = router.search;

      form.render();

    $("#vercode").on("click", function() {
        var img = document.getElementById("vercode");
        img.src = "/Login/VerifyCode?t="+Math.random();
    });

    //提交
    form.on('submit(LAY-user-login-submit)', function(obj) {

        var index = layer.load(1, {
            shade: [0.5,'#fff'] //0.1透明度的白色背景
        });
        obj.field.password = $.md5(obj.field.password);
      //请求登入接口





        top.srAdmin.httpPost('/Login/CheckLogin', obj.field, function(res) {

            if (res.code == 200) {
                
                //登入成功的提示与跳转
                layer.msg('登入成功', {
                    offset: '15px'
                    ,icon: 1
                    ,time: 1000
                }, function(){
                    location.href ='/Home/Index'; //后台主页
                });
            } else {
                layer.closeAll('loading');
                layer.msg(res.info);
               
            }
        });
   

    });


    ////实际使用时记得删除该代码
    //layer.msg('为了方便演示，用户名密码可随意输入', {
    //  offset: '15px'
    //  ,icon: 1
    //});

  });
    </script>
</body>
</html>